.bg-color {
  position: absolute;
  height: 140px;
  /*background-color: #44C651;*/
  top:0;
  left: 0;
  right: 0;
  z-index: -1;
}
.container.index {
    background: none;
    margin-top: 10px;
}
.my-body {
  /*margin-top: 20px;*/
  /*width: 90%;*/
  margin: 0 10px;
}
.header-img {
  border-radius: 10px;
  margin-bottom: 10px;
}
.my-display {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.my-display .van-col {
  text-align: center;
}
.my-display .title {
  font-size: 10px;
  color: #66CC66;
}
.my-display .num {
  font-size: 36px;
  color: #4D682E;
  font-weight: bold;
  margin: 5px 0;
}
.my-display .num>em {
  font-size: 10px;
}
.my-display .btn {
  border-radius: 10px;
  padding: 3px 5px;
  border:1px solid #4D682E;
  font-size: 12px;
  width: 60%;
  margin: 0 auto;
}
.opt-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.opt-group .opt-item {
  width: 48%;
  position: relative;
}
.btn-content {
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  top: 40px;
  left: 20px;
  display: flex;
  align-items: center;
}
.opt-group .opt-item.top {
  margin-bottom: 10px;
}
.index .desc {
  background-color: rgba(153,255,102,.2);
  color: #4D682E;
  border-radius: 10px;
  padding: 20px 10px;
  margin-top: 10px;
  position: relative;
}
.index .desc .title {
    text-align: left;
}
.index .desc .tip-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
}
.hospital-list {
  padding: 20px;
}
.hospital-card {
  background-color: white;
  border-radius: 10px;
}
.hospital-card .card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.hospital-card .hospital-img {
  width: 100%;
}
.hospital-card .item-left {
  width: 85%;
}
.hospital-card .title {
  font-size: 18px;
  color: #4D682E;
  padding: 4px 0;
}
.hospital-card .address {
  font-size: 14px;
  color: #4D682E;
}
.hospital-card .item-right{
  width: 15%;
  text-align: center;
  font-size: 24px;
  color: #4D682E;
}
.record-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
}
.record-card .item-left {
  width: 70%;
}
.record-card .price {
  width: 30%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: orange;
}
.record-card .price>em {
  font-size: 12px;
}
.record-card .title {
  font-size: 18px;
  color: #4D682E;
  padding: 4px 0;
}
.record-card .time {
  font-size: 14px;
  color: #4D682E;
}
.container.fund {
  padding: 20px;
}
.stat {
  margin-top: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: white;
}
.stat .item {
  text-align: center;
  width: 33.3%;
}
.stat .item>.title {
  color: #4D682E;
  font-size: 12px;
}
.stat .item>.price {
  font-size: 24px;
  color: orange;
  font-weight: bold;
  margin: 3px auto;
}
.stat .item>.price>em {
  font-size: 12px;
}
.want-fund {
  width: 100%;
  margin-bottom: 20px;
}
.rank {
  margin-bottom: 20px;
}
.home{
  position: fixed;
  bottom: 3em;
  right: 1em;
  font-size: 2em;
  width: 1.6em;
  height: 1.6em;
  border-radius: 1em;
  text-align: center;
  line-height: 1.7em;
  background: rgba(245,250,247,.6);
}
a {
color: #000;
}
.van-radio {
  float: left;
  padding: 10px 15px;
}